<style lang="scss" scoped>
@import "~/scss/_lib/color";
.VUE{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:scale(0.5) translate(-50%, -50%);
    transform-origin: 0 0;
    .P{
        font-size:32px;
        text-align:center;
        .button{
            margin-top:32px;
            background:transparent;
            width:100%;
            letter-spacing: 2px;
            outline:0;
            border: 1px solid $green;
            color:$green;
            line-height:48px;
            font-size:32px;
            padding:16px;
            box-sizing: border-box;
            text-align: center;
            display:block;
            &:hover{
                border-color:#f40;
                color:#f40;
            }
        }
    }
}
</style>

<template lang="pug">
.VUE
    .P 出错了 
    .P 您访问的页面不存在
    .P
        a.button(href="/") 点此返回首页
</template>

<script lang="coffee">
export default {
}
</script>

